body,h1,h2,h3,h4,h5,h6,hr,p,div,span,ul,ol,li,input,img,select{
    margin: 0;
    padding: 0;
}

body,html{
    font-family: "microsoft yahei";
    background: #f6f6f6;
    color: #292929;
}

a{
    text-decoration: none;
}

ul,li{
    list-style-type:none;
}

img{
    border: none;
}

.fl{
    float: left;
}

.fr{
    float: right;
}

/*清除浮动*/
.clear{
    &:before,&:after{
        content: "";
        display:table;
    }
    &:after{
        clear: both;
    }
}

.ell{
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hide{
    display: none;
}

//外边距
.mt10{
    margin-top: 10px;
}

.mt20{
    margin-top: 20px;
}

.mt25{
    margin-top: 25px;
}

.ml10{
    margin-left: 10px;
}

.ml15{
    margin-left: 15px;
}

.ml20{
   margin-left: 20px; 
}



.layout{
    width: 980px;
    margin: 0 auto;
}

//字体灰色
.l-grey{  
      color: #ccc;
      &:hover{
          color: #288BFF;
          text-decoration: underline;
      }
}

.d-grey{
    color: #292929;
    &:hover{
          color: #288BFF;
          text-decoration: underline;
      }
}

//底部边框
.bor-b{
    border-bottom: 1px solid #DFDFDF;
}

.bor-d{
    border-bottom: 1px dotted #DFDFDF;
}

//头部
.header{
    background-color: #000; 
    a{
        @extend .l-grey;
    }   
    .index,.login{
        padding: 10px 0 10px 25px;
    }
    .index{
        background: url(../img/index.logo.png) no-repeat left;
    }
    .login{
        background: url(../img/index-login.png) no-repeat left;
        cursor: pointer;
        .line{
            padding: 0 10px;
            color: #ccc;
        }
    }
}

//导航
.nav{
    background-color: #2b2a2b;
    a{
        @extend .l-grey;
    } 
    .logo{
        display: block;
        padding: 15px 0;
    }
    .bar{
        padding: 29px 0 30px 50px;
        a{
            padding: 0 20px;
            border-right: 1px solid #000;           
        } 
        a:last-child{
            border-right: none;
        }     
    }
    .search-box{
        background-color: #f6f6f6;
        border: 1px solid #ccc;
        .search{
            padding: 8px;
            background-color: #f6f6f6;
            
            border: none;
            outline: none;
        }
        .btn{
            margin: 5px 0;
            padding: 10px 0px 10px 35px;
            border-left: 1px solid #dfdfdf;
            background: url(../img/public-nav-search.png) no-repeat center;
        }
    }
}

//切换
.tabWap{
    border: 1px solid #dfdfdf;
    .tabs{       
        .active{
            border-right: none;
            border-bottom: 4px solid #288BFF;
        }  
        >div{
            padding: 23px 20px;
            font-size: 18px;
            cursor: pointer;
            border: 1px solid #dfdfdf{
               top: none;
               left: none;
            };
        }    
    }
    .box{
        padding: 20px 0 0 25px;
        a{
            text-align: center; 
            font-size: 12px;
            @extend .d-grey           
        }
        .app-list{
            border-bottom: 1px dotted #dfdfdf;
            img{
                border-radius:15px;
            }
            p{
                padding-top: 5px;
                width: 80px;
                @extend .ell
            }
            .link{
                float: left;
                padding: 0 12px 15px; 
                &:hover{
                    text-decoration: none;
                }              
            }
            .link:first-child{
                padding-left: 0;
            }
            .link:last-child{
                padding-right: 0;
            }
        }
        .txt-list{
            padding-top:5px;
            .link{
                 border-right: 1px solid #dfdfdf;
                 padding: 0 14px; 
                 width: 60px;
                 display: inline-block;             
            }
            .link:first-child{
                padding-left: 0;
            }
        }
    }
}

//文本预设

.tit{    
    color: #555;
    &:hover{
        color: #288BFF;
        text-decoration: none;
    }
}

.link{
    color: #666;
    &:hover{
             color: #288BFF;
    }
}

.tit-p{
    font-size: 14px;
    padding: 10px 0;
    color: #666;
}

//新闻
.news{
    .new-l{
        position: relative;
        border-top:1px solid #D7D7D7;
        .bg-icon{
            position: absolute;
            top: 0;
            left: 0;
            width: 67px;
            height: 64px;
            background: url(../img/index-new-icon.png) no-repeat;
        }
        //新闻顶部
        .new-top{           
            h2{
                padding-top: 10px;
                font-size: 20px;
                text-align: center;                
            }           
            .txt{
                width: 410px;
                line-height: 25px;
                font-size: 15px;
                padding: 10px 0;
                color: #666;
                
            }
        }
        //新闻列表
        .new-list{
            border-top: 1px dotted #dfdfdf;
           .item{
               position: relative;
               display: block;
               padding-top: 8px;
                .label{
                    position: absolute;
                    left: 0;
                    color: #288BFF;
                }
                .link{                
                   width: 330px; 
                   padding: 0 10px 0 50px;
                }
                .date{
                    position: absolute;
                    right: 0;
                    color: #999;
                }
                &:hover{
                    text-decoration: none;
                }
           }
        }
    }
    .new-r{       
        .banner{  
            position: relative;         
            width: 530px;
            height: 263px; 
            overflow: hidden;  
            ul{
                position: absolute;
                width: 2150px;
                li{
                    float: left;
                    img{
                        width: 530px;
                        height: 263px;
                    }
                }
            }
            .slide-box{
               position: absolute;
               left: 0;
               bottom: 0;
               width: 100%;
               height: 40px;
               background-color: #000;
               opacity: 0.8; 
               .tit{                
                   padding: 10px;
                   color: #fff;
                   &:hover{
                       color: #288BFF;
                   }
               }
               .slide{
                   padding: 5px 15px 0 0;
                   .on{
                       background-color: #288BFF;
                   }
                   span{
                       display: inline-block;
                       width: 30px;
                       height: 4px;
                       margin: 0 3px;
                       background-color: #fff;
                       cursor: pointer;
                   }
               }
            }            
        }
        .new-main{
            padding: 20px 0;
            .new-list{
                .txt{
                    width: 330px;
                    color: #666;
                    line-height: 25px;
                    padding-top: 10px;
                    font-size: 14px;                  
                }
            }            
        }
    }
}

//公共头部
.hd{   
    .on{
        padding-bottom: 10px;
        text-align: center;
        border-bottom: 3px solid #288BFF;
    }
    .more{
         padding-bottom: 10px;
        font-size: 14px;
        @extend .link
    }
    .game{
        color: #CDCDCD;
       .tit{
           font-size: 14px;
           padding: 0 5px;
       }
    }
}

.bd{
    li{
         display: inline-block;
         margin-left: 34px;
         @extend .clear
    }
     li:first-child{
         margin-left: 0;
    }
    .download{
        padding: 1px 10px;
        font-size: 12px;
        color: #fff;
        background-color: #288BFF;
    } 
    .bd-warp{
        border-bottom: 1px dotted #dfdfdf;
        padding: 15px 0 5px 0;
        .tit-p{
            width: 490px;
            line-height: 24px;
            overflow: hidden;
            cursor: pointer;
        }
    }
    .content{
        display: inline-block;      
        .event{
            position: relative;
            .card{
                position: absolute;
                bottom: 4px;
                left: 0;
                color: #FDFBFB;
                font-size: 12px;
                background-color: #0C0C0C;
                opacity: 0.8;
                padding: 0 10px;
            }
        }
        .tit-p{
            width: 95px;
            display: block;
            font-size: 12px;
            padding: 5px 0;
        }
        .btn{
            @extend .download;
            padding: 1px 22px;
        }
    }
    .prizes{        
       .list{
           @extend .bor-d;
           padding: 10px 0;
            .tit-p{
                padding: 0;
                }
            .btn{
                @extend .download;
                background-color: #fe5a5a;
            }
       }
    }
}
